<!DOCTYPE HTML>
<html>
<head>
    <meta charset="utf-8">
    <title>乐购-商品列表</title>
    <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=0">
    <meta name="apple-mobile-web-app-capable" content="yes">
    <meta name="apple-mobile-web-app-status-bar-style" content="black">
    <meta name="format-detection" content="telephone=no">
    <link rel="stylesheet" href="/css/see/reset.min.css">
    <!--<link rel="stylesheet" href="/plugins/swiper/swiper4.2.min.css">-->
    <link rel="stylesheet" href="/css/purchase/goodsClassify.min.css?v=<%=$version%>">
</head>
<body>
<div id="goodsList" v-cloak>
    <div class="goodsList-header">
        <header class="discount-header">
            <span class="goback" @click="getBack()"></span>
            商品列表
            <!--<span class="discount-spsre"></span>-->
            <span class="discount-sears" @click="getNext()"></span>
        </header>
        <div class="newProduct-screen clearfix">
            <span>热销</span>
            <span @click="getFilter(1)">综合<strong></strong></span>
            <!--<span>品牌<strong></strong></span>-->
            <span @click="getFilter(2)">价格
             <span class="collage-icon" v-if="data.sortValue=='asc'"></span>
                <span class="collage-icon1" v-else-if="data.sortValue=='desc'"></span>
                <span class="collage-icon2" v-else></span>
            </span>
        </div>
    </div>
    <div class="goodsList-cent clearfix">
        <a class="goodsList-list" v-for="item in productList2" :href="'/purchase/goodsDetails?type=1&productId='+item.productId">
            <div class="follow-centImg" :style="bgimg(item.imgSrc)"></div>
            <h6>{{item.title}}</h6>
            <span>可用折扣券</span>
            <p>售价：<strong class="follow-centMoney">&yen;<strong>{{item.integral}}</strong></strong></p>

        </a>
        <!--<a class="goodsList-list" v-for="item in productList2" :href="'/purchase/goodsDetails?type=1&productId='+item.productId">-->
            <!--<div class="follow-centImg" :style="bgimg(item.imgSrc)"></div>-->
            <!--<h6>{{item.title}}</h6>-->
            <!--<p>{{item.subtitle}}</p>-->
            <!--<span class="follow-centMoney">{{item.integral}}</span>-->
        <!--</a>-->

    </div>
    <div class="purchase-advImg1" @click="getNext(8)"></div>
    <div id="mask" @click="getIsScreen()" :class="{'maskShow':isScreen}"></div>
    <ul id="colligate" :class="{'maskShow':isScreen==1}">
        <li class="active">综合排序<strong></strong></li>
        <li>新品优先<strong></strong></li>
        <li>评价最高<strong></strong></li>
        <li>销量最高<strong></strong></li>
        <li>有折扣券<strong></strong></li>
    </ul>
    <prompt-view ref="prompt"></prompt-view>
</div>
<script src='/plugins/js/jquery-1.11.3.min.js'></script>
<script type="text/javascript" src="/plugins/js/vue.min.js"></script>
<script type="text/javascript" src="/plugins/js/jquery.lazyload.min.js"></script>
<!--<script type="text/javascript" src="/plugins/swiper/swiper.min.4.2.js"></script>-->
<script type="text/javascript" src="/js/purchase/goodsList.js?v=<%=$version%>"></script>
<script>
    $("img.lazy").lazyload();
</script>
</body>
</html>